<template>
  <div class="records-box">
    <div @click="openDialog">对比详情{{ dialogContrastVisible }}</div>
    <operationNav class="left-nav"></operationNav>
    <recordsdDetail></recordsdDetail>
    <myDialog
      :dialog-visible="dialogContrastVisible"
      @handleClose="clickClose"
    ></myDialog>
  </div>
</template>
<script>
import myDialog from "./contrastDialog/index.vue";
import operationNav from "@/components/operationNav/operationNav.vue";
import recordsdDetail from "./recordsdDetail.vue";
export default {
  name: "performanceRecords",
  components: { operationNav, recordsdDetail, myDialog },
  data() {
    return {
      dialogContrastVisible: true, // 弹窗状态
    };
  },
  methods: {
    openDialog() {
      this.dialogContrastVisible = true;
    },
    clickClose() {
      this.dialogContrastVisible = false;
    },
  },
  mounted() {},
};
</script>
<style lang="less" scoped>
.records-box {
  width: 1576px;
  display: flex;
  .left-nav {
    width: 279px;
    height: 915px;
    background: #ffffff;
    padding: 13px 8px;
    border-radius: 10px;
  }
  background: #ffffff;
  justify-content: space-between;
}
</style>
